<template>
  <div class="content">
    <div class="expand">
      左边
    </div>
    <div class="liveWrapper">
      <div class="liveplayer_inner">
        视频、语音
      </div>
      <div class="chat_side">
        聊天侧边栏
      </div>
    </div>
  </div>
</template>
<script>
import groupMixin from '@/mixins/group'
export default {
  mixins: [groupMixin],
  mounted () {
    this.requestPub('1ddddd') // minxin公共请求或方法使用
  },
  inject: ['app'] // provide和inject使用，console.log(this.app)

  // async asyncData ({ $axios, params }) {
  //   const parma = {
  //     username: 'username',
  //     password: 'password'
  //   }
  //   // 单个页面设置header
  //   // $axios.setHeader('token', 'this is token')
  //   // $axios.setToken('123')
  //   await $axios.post('/api/web/doPost', parma)
  //   // console.log(params)
  // }
}
</script>
<style lang="scss" scoped>
.content{
  height: calc(100% - 48px);
  background: #eee;
  .expand{
    position: absolute;
    left: 0;
    display: block;
    top: 52px;
    bottom: 0;
    width: 220px;
    background-color: #292929;
    z-index: 2;
  }
  .liveWrapper{
    padding-left: 220px; //左侧边栏的宽度
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 0;
    &_inner{
      position: relative;
      z-index: 10;
      padding-right: 370px; //右边侧边栏的宽度
      zoom: 1;
    }
    .chat_side{
      overflow: hidden;
      position: absolute;
      width: 360px;
      height: 100%;
      background: #999;
      right: 0;
      top: 0;
    }
  }
}
</style>
